<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link href="/static/webuploader/webuploader.css" rel="stylesheet">
<script src="/static/js/base/jquery-3.1.1.min.js"></script>
<script src="/static/webuploader/webuploader.js"></script>
<script type="text/javascript">
	$(function() {
		var uploader = WebUploader.create({
			// 自动上传。
			auto : true,
			// swf文件路径
			swf : '/static/webuploader/Uploader.swf',
			// 文件接收服务端。
			server : '/image/uploadImg.json',
			// 选择文件的按钮。可选。
			// 内部根据当前运行是创建，可能是input元素，也可能是flash.
			pick : '#picker',
		});

		// 文件上传成功，给item添加成功class, 用样式标记上传成功。
		uploader.on('uploadSuccess', function(file, dataResult) {
			$('#thelist').append('<img src="' + dataResult.data.imgUrl + '" width="100" height="100">');
		});
	})
</script>
</head>
<body>
	<div id="uploader" class="wu-example">
		<!--用来存放文件信息-->
		<div id="thelist" class="uploader-list"></div>
		<div class="btns">
			<div id="picker">选择文件</div>
		</div>
	</div>
</body>
</html>